<template>
  <div class="search-result-item">
    <div class="title">{{info.title}}</div>
    <div class="url">{{info.url}}</div>
    <div class="desc">{{info.date}} - {{info.desc}}</div>
  </div>
</template>

<script>
export default {
  props: ['info']
}
</script>

<style lang="less" scoped>
.search-result-item {
  border: 1px solid red;
}
</style>